<div class="pannel">
    <div class="pannel-head">
        <p>
            <span class="title">已修复违规</span>
            <span class="count">总计(<i>86</i>)</span>
        </p>
        <div>
            <button nz-button nzType="primary" nzShape="round" nzGhost><i nz-icon type="plus"></i> 删除</button>
            <button nz-button nzType="primary" nzShape="round"><i nz-icon type="plus"></i> 漏洞通报</button>
            <button nz-button nzType="primary" nzShape="round"><i nz-icon type="plus"></i> 整改核查</button>
            <button nz-button nzType="primary" nzShape="round"><i nz-icon type="plus"></i> 导出列表</button>

        </div>
    </div>
    <div class="pannel-body">
        <div class="pannel-filter">
            <div class="pannel-filter-left">
                <!-- <nz-select style="width: 120px" [(ngModel)]="pages.type" nzAllowClear nzPlaceHolder="任务类型">
                    <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                    <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
                </nz-select>
                <nz-select style="width: 120px" [(ngModel)]="pages.status" nzAllowClear nzPlaceHolder="任务状态">
                    <nz-option nzValue="jack" nzLabel="Jack"></nz-option>
                    <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
                </nz-select>
                <nz-range-picker [(ngModel)]="dateRange" (ngModelChange)="onChange($event)" nzShowTime></nz-range-picker> -->
            </div>
            <div class="pannel-filter-right">
                <nz-input-group [nzSuffix]="suffixIconSearch">
                    <input [(ngModel)]="pages.enterpriseName" type="text" nz-input placeholder="请输入任务名或关键词" />
                </nz-input-group>
                <ng-template #suffixIconSearch>
                    <i nz-icon type="search"></i>
                </ng-template>
            </div>
        </div>
    </div>
</div>
<div class="violation-pannel">
    <div class="violation-pannel-type">
        <dl>
            <dt>全部检测系统<span>406</span></dt>
            <dd>IP占用<span>406</span></dd>
            <dd>IP离线<span>406</span></dd>
            <dd>禁用服务<span>406</span></dd>
            <dd>禁用硬件<span>406</span></dd>
            <dd>禁用端口<span>406</span></dd>
            <dd>禁用软件<span>406</span></dd>
        </dl>
    </div>
    <div class="violation-pannel-table">
        <nz-table class="pannel-body-table" #nzTable [nzData]="dataList" [nzShowPagination]="true" [nzLoading]="tableLoading" [nzFrontPagination]="false" [nzPageIndex]="pages.pageNo" [nzTotal]="pages.total" [nzPageSize]="pages.pageSize" [nzPageSizeOptions]="[10,20,30,40,50]" [nzShowQuickJumper]="true" [nzShowSizeChanger]="true" [nzShowTotal]="totalTemplate">
            <thead>
                <tr>
                    <th>IP地址</th>
                    <th>违规项</th>
                    <th>备注信息</th>
                    <th>企业名称</th>
                    <th>业务系统</th>
                    <th>MAC地址</th>
                    <th>负责人</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of nzTable.data">
                    <td>{{ data.ip }}</td>
                    <td>{{ data.contactName }}</td>
                    <td>{{ data.remark }}</td>
                    <td>{{ data.enterpriseName }}</td>
                    <td>{{ data.businessSystemName }}</td>
                    <td>{{ data.macAddr }}</td>
                    <td>{{ data.legalRepresentative }}</td>
                </tr>
            </tbody>
        </nz-table>
        <ng-template #totalTemplate let-total> 共{{ total }}条</ng-template>
    </div>
</div>